<template>
  <div id="box">
    <el-form
      :model="ruleForm"
      :rules="rules"
      ref="ruleForm"
      label-width="140px"
      :label-position="labelPosition"
      class="demo-ruleForm"
    >
      <div class="heard">
        <div class="h_left">
          <div>
            <img src="../../../assets/imgs/i2.png" alt="" />
          </div>
          <div class="h_title">采购结果维护信息</div>
          <div>
            <img src="../../../assets/imgs/i4.png" alt="" />
          </div>
        </div>

        <div class="h_button">
          <el-button type="info" @click="btn_fanhui('ruleForm')">
            取 消
          </el-button>
          <el-button
            type="success"
            @click="submitForm('ruleForm')"
            :loading="btn_loading"
          >
            保 存
          </el-button>
        </div>
      </div>
      <div class="declare">
        <el-row :gutter="20">
          <el-col :span="14">
            <el-form-item label="项目名称：" prop="name">
              <el-input disabled v-model="ruleForm.name"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 采购类别： -->
        <el-row :gutter="60">
          <el-col :span="8" class="aaa">
            <el-form-item label="采购类别：" prop="type">
              <el-input disabled v-model="son.isgovprocurement"> </el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" class="aaa qwert">
            <el-form-item label="预算金额：" prop="yusuanjine" class="yuanmmp">
              <div style="width: 100%; display: flex">
                <el-input disabled v-model="ruleForm.yusuanjine">
                  <template slot="append">元</template>
                </el-input>
              </div>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="合同类别：" prop="category">
              <el-select
                v-model="ruleForm.category"
                size="medium"
                :disabled="son.xiangqing__"
                placeholder="请选择"
              >
                <el-option
                  v-for="item in options5"
                  :key="item"
                  :label="item"
                  :value="item"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 合同类别 -->
        <el-row :gutter="60">
          <div>
            <el-col :span="8" class="aaa">
              <el-form-item label="采购时间：" prop="date_s">
                <el-date-picker
                  v-model="ruleForm.date_s"
                  disabled
                  type="date"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="8" class="aaa qwert">
              <el-form-item
                label="合同金额："
                prop="zhongbiaojine"
                class="yuanmmp"
              >
                <el-input disabled v-model="ruleForm.zhongbiaojine">
                  <template slot="append">元</template>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="会议类型 :">
                <el-select
                  v-model="ruleForm.hylx"
                  disabled
                  clearable=""
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in options_hylx"
                    :key="item.value"
                    :label="item.lxmc"
                    :value="item.lxid"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </div>
        </el-row>
        <!-- 开标时间： -->

        <!-- 单位名称： -->
        <el-row :gutter="60">
          <el-col :span="8">
            <el-form-item label="单位名称：" prop="danwei_mc">
              <el-input
                :disabled="son.xiangqing__"
                @blur="danwei_mc"
                v-model="ruleForm.danwei_mc"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人：" prop="lianxi_r">
              <el-input
                :disabled="son.xiangqing__"
                v-model="ruleForm.lianxi_r"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 联系电话： -->
        <el-row :gutter="60">
          <el-col :span="8">
            <el-form-item label="联系电话：" prop="lianxi_dh">
              <el-input
                :disabled="son.xiangqing__"
                @blur="blur_dainhua"
                v-model="ruleForm.lianxi_dh"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="公司注册地址：" prop="gongshi_zcdz">
              <el-input
                :disabled="son.xiangqing__"
                v-model="ruleForm.gongshi_zcdz"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="60" v-if="ruleForm.zhongbiao_jg != ''">
          <el-col :span="8">
            <el-form-item label="招标机构：" prop="gongshi_zcdz">
              <el-input
                :disabled="son.xiangqing__"
                v-model="ruleForm.zhongbiao_jg"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="招标机构联系人：" prop="gongshi_zcdz">
              <el-input
                :disabled="son.xiangqing__"
                v-model="ruleForm.zhongbiao_jg_name"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item
              label="招标机构联系电话："
              label-width="180px"
              prop="gongshi_zcdz"
            >
              <el-input
                :disabled="son.xiangqing__"
                v-model="ruleForm.zhongbiao_jg_iphone"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>

      <!-- 合同维护信息 -->
      <div class="heard" style="margin-top: 35px">
        <div class="h_left">
          <div>
            <img src="../../../assets/imgs/i1.png" alt="" />
          </div>
          <div class="h_title">合同维护信息</div>
          <div>
            <img src="../../../assets/imgs/i4.png" alt="" />
          </div>
        </div>
      </div>
      <!-- 合同维护信息 -->
      <div class="maintain declare">
        <!-- 合同类别 -->
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="是否单价合同:" prop="shifou_djht">
              <el-select
                v-model="ruleForm.shifou_djht"
                size="medium"
                disabled
                @change="danjiehtong"
                placeholder="请选择"
              >
                <el-option
                  v-for="item in options4"
                  :key="item.value"
                  :label="item.label + ' / 单价合同'"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <!-- 是否三方合同 -->
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="是否三方合同:" prop="shifou_sfht">
              <!-- <el-input v-model="ruleForm.shifou_sfht"></el-input> -->
              <el-select
                v-model="ruleForm.shifou_sfht"
                size="medium"
                @change="sanfanghetontg"
                :disabled="son.xiangqing__"
                placeholder="请选择"
              >
                <!-- <el-input v-model="ruleForm.shifou_sfht"></el-input> -->
                <el-option
                  v-for="item in options2"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
            :span="10"
            v-if="ruleForm.shifou_sfht != '0'"
            style="text-align: right"
          >
            <el-button
              type="primary"
              :disabled="son.xiangqing__"
              @click="btn_dsf_zj"
            >
              增 加
            </el-button>
          </el-col>
        </el-row>
        <!-- 付款金额 甲1 甲2 -->
        <div v-show="ruleForm.shifou_sfht != '0'">
          <div v-for="(item, index) in ruleForm.disanfang" :key="index + 1">
            <el-row :gutter="60" class="disanfang">
              <el-col :span="16">
                <el-form-item
                  :label="'甲:' + (index + 1)"
                  :prop="'disanfang.' + index + '.name_sdf'"
                  :rules="moreNotifyOjbectRules.name_sdf"
                >
                  <el-input
                    :disabled="son.xiangqing__"
                    v-model="item.name_sdf"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="7" class="qwert">
                <el-form-item
                  label="付款金额:"
                  :prop="'disanfang.' + index + '.ampunt_sdf'"
                  :rules="moreNotifyOjbectRules.ampunt_sdf"
                >
                  <my-input-sum
                    v-model="item.ampunt_sdf"
                    v-if="!son.xiangqing__"
                    style="display: inline-block; width: 100%"
                    maxlength="14"
                  ></my-input-sum>
                  <el-input
                    v-if="son.xiangqing__"
                    :disabled="son.xiangqing__"
                    v-model="item.ampunt_sdf"
                  ></el-input>
                  <span> 元</span>
                </el-form-item>
              </el-col>
              <el-col
                :span="1"
                v-if="ruleForm.disanfang.length != 2"
                class="sanchu"
              >
                <i
                  class="el-icon-close"
                  style="cursor: pointer"
                  v-if="!son.xiangqing__"
                  @click.prevent="removeDomain_1(item, ruleForm.disanfang)"
                ></i>
              </el-col>
            </el-row>
          </div>
        </div>
        <!-- 合同名称 -->

        <!-- 签订日期 -->
        <el-row :gutter="60">
          <el-col :span="8">
            <el-form-item label="签订日期:" prop="qianding_rqi">
              <el-date-picker
                v-model="ruleForm.qianding_rqi"
                type="date"
                :disabled="son.xiangqing__"
                placeholder="选择日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="有效开始时间:" prop="youxiao_kssj">
              <el-date-picker
                v-model="ruleForm.youxiao_kssj"
                type="date"
                @change="Sshijian"
                value-format="yyyy-MM-dd"
                :disabled="son.xiangqing__"
                placeholder="选择日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="合同结束时间:" prop="hetong_jssj">
              <el-date-picker
                v-model="ruleForm.hetong_jssj"
                type="date"
                :picker-options="pickerOptions"
                @change="Sshijian"
                value-format="yyyy-MM-dd"
                :disabled="son.xiangqing__"
                placeholder="选择日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 开户行 -->
        <el-row :gutter="60">
          <el-col :span="8">
            <el-form-item label="开户行:" prop="kaihu_h">
              <el-input
                :disabled="son.xiangqing__"
                v-model="ruleForm.kaihu_h"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开户行账号:" prop="kaihu_hzh">
              <el-input
                :disabled="son.xiangqing__"
                @blur="kaihuhang"
                v-model="ruleForm.kaihu_hzh"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="" prop="" label-width="20px">
              <div
                style="
                  color: red;
                  font-size: 22px;
                  line-height: 40px;
                  margin-left: -30px;
                "
              >
                {{ ruleForm.kaihu_hzh }}
              </div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="60">
          <el-col :span="8">
            <el-form-item label="到期是否提醒 :" prop="">
              <el-select
                v-model="ruleForm.dqsftx"
                disabled
                placeholder="请选择"
              >
                <el-option label="是" value="1"> </el-option>
                <el-option label="否" value="0"> </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="ruleForm.dqsftx == '1'">
            <el-form-item label="提醒时长:" prop="">
              <el-select v-model="ruleForm.tqjy" disabled>
                <el-option label="提前一月" value="1"> </el-option>
                <el-option label="提前二月" value="2"> </el-option>
                <el-option label="提前三月" value="3"> </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="ruleForm.dqsftx == '1'">
            <el-form-item
              label="到期备注: "
              prop=""
              v-if="ruleForm.remarks != ''"
            >
              <el-select
                disabled
                clearable
                filterable
                allow-create
                placeholder="请输入备注信息"
                v-model="ruleForm.remarks"
              >
                <el-option
                  v-for="item in contractname1"
                  :key="item.cid"
                  :label="item.remarks1"
                  :value="item.remarks1"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="60">
          <el-col :span="8" v-if="ruleForm.othernum != ''">
            <el-form-item label="合同编号: " prop="">
              <el-input
                disabled
                clearable
                v-model="ruleForm.othernum"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16" v-if="ruleForm.contractremarks != ''">
            <el-form-item label="合同备注(临): " prop="">
              <el-input
                type="textarea"
                rows="1"
                disabled
                clearable
                placeholder="请输入合同备注信息"
                v-model="ruleForm.contractremarks"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 付款进度 -->
        <el-row>
          <el-col>
            <div class="progress">
              <div class="name">付款进度</div>
              <div class="border_"></div>
              <p
                class="i"
                v-if="ruleForm.shifou_djht == 0"
                style="text-align: right; min-width: 315px"
              >
                <!-- <i class="el-icon-s-data">&nbsp;</i>付款进度 -->
                <el-button
                  style=""
                  type="primary"
                  @click="newlyAdded"
                  :disabled="son.xiangqing__"
                  >新增进度</el-button
                >
                <el-button
                  style=""
                  type="primary"
                  @click="yuedu_fukuan"
                  :disabled="son.xiangqing__"
                  >月度付款</el-button
                >
                <el-button
                  style=""
                  type="primary"
                  @click="jidu_fukuan"
                  :disabled="son.xiangqing__"
                  >季度付款</el-button
                >
                <!-- <el-button style=""
                       type="primary"
                       @click="niandu_fukuan">年度付款</el-button> -->
              </p>
            </div>
          </el-col>
        </el-row>
        <!-- 付款进度 -->
        <section>
          <div class="box" v-if="isRestart">
            <el-row
              v-for="(domain, index) in ruleForm.payListEntity"
              v-show="ruleForm.shifou_djht == 0"
              :key="index"
            >
              <el-col :span="24">
                <!-- <el-row>
                  <el-col :span="8">
                    <p class="frobox">第{{ index + 1 }}次付款</p>
                  </el-col>
                </el-row> -->
                <el-row :gutter="60">
                  <el-col :span="2">
                    <p class="frobox">第{{ index + 1 }}次付款</p>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item
                      label="付款时间："
                      :prop="'payListEntity.' + index + '.planpaydate'"
                      :rules="moreNotifyOjbectRules.planpaydateVerification"
                    >
                      <el-date-picker
                        v-model="domain.planpaydate"
                        :disabled="son.xiangqing__"
                        type="month"
                        style="width: 100%"
                      ></el-date-picker>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8" class="qwert">
                    <el-form-item
                      label="付款金额："
                      :prop="'payListEntity.' + index + '.amount'"
                      :rules="moreNotifyOjbectRules.planpaydateVerification1"
                    >
                      <my-input-sum
                        v-model="domain.amount"
                        @blur="payment(domain.amount, index)"
                        maxlength="14"
                        v-if="!son.xiangqing__"
                        style="display: inline-block; width: 100%"
                      ></my-input-sum>
                      <el-input
                        v-if="son.xiangqing__"
                        :disabled="son.xiangqing__"
                        v-model="domain.amount"
                      ></el-input>
                      <span> 元</span>
                    </el-form-item>
                  </el-col>

                  <el-col
                    :span="5"
                    class="qwert"
                    style="padding-right: 0px !important"
                  >
                    <el-form-item
                      label="付款比例："
                      :prop="'payListEntity.' + index + '.rate'"
                      :rules="moreNotifyOjbectRules.rateVerification"
                    >
                      <div>{{ domain.rate }} %</div>
                      <span> </span>
                    </el-form-item>
                  </el-col>
                  <el-col
                    :span="1"
                    v-if="ruleForm.payListEntity.length != 1"
                    class="sanchu"
                  >
                    <i
                      class="el-icon-close"
                      style="cursor: pointer"
                      v-if="son.bulu__ != 'supple'"
                      @click.prevent="
                        removeDomain(domain, ruleForm.payListEntity)
                      "
                    ></i>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
            <el-row v-if="ruleForm.shifou_djht != '0'" :gutter="60">
              <el-col :span="8">
                <el-form-item label="付款时间：" prop="fukuanshijian">
                  <el-select v-model="reportCycle" placeholder="请选择">
                    <el-option
                      v-for="item in options6"
                      :key="item.val"
                      :label="item.name"
                      :value="item.val"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="单价明细：">
                  {{ muban_as.name }}
                  <a
                    class="frobox"
                    :href="muban_as.http_"
                    style="margin-left: 20px; cursor: pointer"
                    >下载模板</a
                  >
                </el-form-item>
              </el-col>
            </el-row>
          </div>
          <div
            style="
              width: 100%;
              height: 2px;
              background: #000000;
              opacity: 0.1;
              margin-bottom: 30px;
              margin-top: 10px;
            "
          ></div>
        </section>

        <!-- 合同补充协议 -->
        <div v-if="son.xiangqing__">
          <el-row>
            <el-col>
              <div class="progress">
                <div class="name" style="width: 130px">合同补充协议</div>
                <div class="border_"></div>
              </div>
            </el-col>
          </el-row>
          <section>
            <p class="i" style="text-align: right">
              <el-button style="" type="primary" @click="newlyAdded_xieyi"
                >新增补充协议</el-button
              >
            </p>
            <div class="box" v-if="isRestart">
              <el-row
                v-for="(domain, index) in ruleForm.payListEntity_xieyi"
                :key="index"
              >
                <el-col :span="24">
                  <el-row>
                    <el-col :span="8">
                      <p class="frobox">第{{ index + 1 }}次补录</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="60">
                    <el-col :span="8">
                      <el-form-item
                        label="补充时间："
                        :prop="'payListEntity_xieyi.' + index + '.planpaydate'"
                        :rules="moreNotifyOjbectRules.planpaydateVerification"
                      >
                        <el-date-picker
                          v-model="domain.planpaydate"
                          type="month"
                          style="width: 100%"
                        ></el-date-picker>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8" class="qwert">
                      <el-form-item
                        label="补充金额："
                        :prop="'payListEntity_xieyi.' + index + '.amount'"
                      >
                        <my-input-sum
                          v-model="domain.amount"
                          maxlength="14"
                          v-if="!son.xiangqing__"
                          style="display: inline-block; width: 100%"
                        >
                        </my-input-sum>
                        <el-input
                          v-model="domain.amount"
                          maxlength="14"
                          v-if="son.xiangqing__"
                          style="display: inline-block; width: 100%"
                        >
                        </el-input>
                        <span> 元</span>
                      </el-form-item>
                    </el-col>
                    <el-col
                      :span="7"
                      class="qwert"
                      style="padding-right: 0px !important"
                    >
                      <el-form-item
                        label="补充名称："
                        :prop="'payListEntity_xieyi.' + index + '.rate'"
                        :rules="moreNotifyOjbectRules.rateVerification"
                      >
                        <el-input
                          style="width: 100%"
                          v-model="domain.rate"
                        ></el-input>
                        <span>
                          <!-- % -->
                        </span>
                      </el-form-item>
                    </el-col>
                    <el-col
                      :span="1"
                      v-if="ruleForm.payListEntity_xieyi.length != 1"
                      class="sanchu"
                    >
                      <i
                        class="el-icon-close"
                        style="cursor: pointer"
                        @click.prevent="
                          removeDomain_xieyi(
                            domain,
                            ruleForm.payListEntity_xieyi
                          )
                        "
                      ></i>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="9">
                      <el-form-item label="合同扫描件:" prop="zbtzsFiles_1">
                        <myUpload
                          v-model="domain.Files"
                          :drag="true"
                          accept=""
                        />
                        <div class="">
                          注：支持上传任何文件，单个文件小于100M
                          <br />
                        </div>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-form-item style="color: red">
                      注：合同补充协议只能补充一次
                    </el-form-item>
                  </el-row>
                </el-col>
              </el-row>
            </div>
          </section>
        </div>
        <section class="sections">
          <p class="i"><i class="el-icon-upload">&nbsp;</i>附件列表</p>
          <div class="box xxxxx">
            <div
              class="newFile"
              :class="{ newfiledelete: file_list.length == 0 }"
            >
              <div
                v-for="(g, h) in file_list"
                :key="h"
                :class="{ qoqoqo: g.code == 61 }"
              >
                <div class="qwerq" v-if="g.code != '61'">
                  <img
                    class="icon_wj"
                    src="../../../assets/imgs/icon_wenjian.png"
                    alt=""
                  />
                  <div class="title">
                    <span v-if="g.pass == 1" style="color: red">*</span>
                    {{ g.name }} ：
                  </div>

                  <myUpload
                    v-model="ruleForm.allFjEntityList[h]"
                    :drag="false"
                    :drag_download="true"
                    :class="{ btn_yingcang: son.bulu__ == 'supple' }"
                    class="myupload"
                    accept=""
                  />
                </div>
                <div v-else class="qitawenjian">
                  <img
                    class="icon_wj"
                    style="width: 20px"
                    src="../../../assets/imgs/icon_wenjian.png"
                    alt=""
                  />
                  <div class="title">
                    <span v-if="g.pass == 1" style="color: red">*</span>
                    {{ g.name }} ：
                  </div>
                  <myUpload
                    v-model="ruleForm.allFjEntityList[h]"
                    :drag="true"
                    :drag_download="true"
                    :class="{ btn_yingcang: son.bulu__ == 'supple' }"
                    class="myupload myupload_code_61"
                    accept=""
                  />
                </div>

                <!-- <div class="notes">注：只支持上传pdf文件，单个文件小于100M <br /></div> -->
              </div>
              <el-row class="margins">
                <el-col
                  style="padding: 0 20px 30px 20px; width: 75%"
                  v-if="list_details.isgovprocurement != '单价合同'"
                >
                  其他可上传附件：采购公告、采购结果公告确认表、计划备案表、采购评审专家抽取结果记录表，评审报告，评审结果确认函，成交公告，采购文件确认书，评审结果用户通知书，采购需求确认书，招标文件公告确认表，需求论证公告确认表，用户意见调查表，需求论证报告，竞争性磋商文件，
                </el-col>
              </el-row>
            </div>
          </div>
        </section>

        <!-- {{ruleForm.allFjEntityList}} -->
      </div>
      <div class="heard" style="margin-top: 35px">
        <div class="h_left">
          <div>
            <i class="el-icon-s-claim" style="font-size: 28px"></i>
          </div>
          <div class="h_title">历史审核意见</div>
          <div>
            <img src="../../../assets/imgs/i4.png" alt="" />
          </div>
        </div>
      </div>
      <div style="margin: 20px 0" class="reject">
        <el-form :model="ruleForm" label-width="130px" class="demo-ruleForm">
          <div v-for="(i, k) in chcekEntityList" :key="k" class="">
            <el-row :gutter="0" style="padding: 0px 0px">
              <el-col :span="8">
                <el-form-item label="审核时间：" prop="">
                  {{ $moment(i.lastTime).format("YYYY-MM-DD HH:mm:ss") }}
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="审核状态：" prop="">
                  {{ i.state }}
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item
                  label="审核备注："
                  prop=""
                  v-if="i.state != '通过'"
                >
                  {{ i.comment }}
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </el-form>
      </div>
      <div style="height: 20px; width: 100%"></div>
    </el-form>
    <!-- 关联议题申报单按钮 -->

    <el-dialog
      title="选择议题申报单"
      append-to-body
      center
      width="1000px"
      :close-on-click-modal="false"
      :before-close="handleCloseDialog"
      :visible.sync="start.startDialogVisible"
    >
      <startDialog
        :visible.sync="start.startDialogVisible"
        v-if="start.startDialogVisible"
        :datas="types_btn"
        v-on:spot="spot"
      />
    </el-dialog>
    <div class="aaaaaaaaaa">
      <el-dialog
        :title="gongshi_data.name"
        :visible.sync="gongshi_show"
        width="70%"
        center
        append-to-body
        height="1000px"
      >
        <el-form label-width="110px" class="elasticframe my-search-form-box">
          <el-row>
            <el-col :span="8">
              <el-form-item label="公司简称：">
                <p>{{ gongshi_data.name }}</p>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="成立日期：">
                <p>{{ gongshi_data.estiblishTime }}</p>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="注册号：">
                <p>{{ gongshi_data.regNumber }}</p>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="注册资本：">
                <p>{{ gongshi_data.regCapital }}</p>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="纳税人识别号：">
                <p>{{ gongshi_data.taxNumber }}</p>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="人员规模：">
                <p>{{ gongshi_data.staffNumRange }}</p>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="公司地址：">
                <p>{{ gongshi_data.regLocation }}</p>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="经营范围：">
                <p style="white-space: normal; word-break: break-all">
                  {{ gongshi_data.businessScope }}
                </p>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="gongshi_show = false">取 消</el-button>
          <el-button type="primary" @click="gongshiqueding">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>

<script>
import myUpload from '@/components/global/my-upload/main.vue'
import startDialog from './startDialog.vue'
export default {
  name: '',

  components: { myUpload, startDialog },

  data() {
    let that = this

    var amountPayment = (rule, value, callback) => {
      console.log(value)
      let values = 0
      values = Number(value) + values
      console.log(values)
      if (values != Number(this.ruleForm.amount)) {
        return callback(new Error('付款金额总和必须等于合同金额'))
      }
      return callback()
    }

    return {
      pickerOptions: {
        disabledDate: (time) => {
          return (
            time.getTime() <
            new Date(this.ruleForm.youxiao_kssj.slice(0, 10)).getTime()
          )
        },
      },
      file_list: [],
      chcekEntityList: [
        {
          chid: 48375,
          cid: 33411,
          comment: "缺纪要或预算审批表",
          firstTime: "2020-12-18T11:07:12.000+0800",
          lastTime: "2020-12-18T11:07:12.000+0800",
          state: "不通过",
          yhdwid: 1008611,
          yhdwmc: "综合处",
          yhid: 1008623,
          yhxm: "杨可"
        }
      ],
      feizhengcai10w: 0,
      feizhengcai_yitidan: true,
      icon_shows_1: '',
      icon_shows_2: '',
      zhengzhe_s: false,
      issueId_1_childrenid: '',
      issueId_0_childrenid: '',
      gongshi_show: false,
      gongshi_data: [],
      xingzeng_type: '',
      start: {
        startDialogVisible: false,
      },
      labelPosition: 'right',
      isRestart: true,

      moreNotifyOjbectRules: {
        planpaydateVerification1: {
          required: true,
          message: ' ',
          trigger: 'blur',
        },
        stageVerification: {
          required: true,
          message: '内容不能为空',
          trigger: 'blur',
        },
        name_sdf: {
          required: true,
          message: '内容不能为空',
          trigger: 'blur',
        },
        ampunt_sdf: {
          required: true,
          message: '金额不能为空',
          trigger: 'blur',
        },
        planpaydateVerification: {
          required: true,
          message: ' ',
          trigger: 'blur',
        },
        amountVerification: [
          {
            required: true,
            validator: amountPayment,
            trigger: 'blur',
          },
        ],







      },
      types_btn: '',
      options_hylx: [],
      ruleForm: {
        othernum: '',
        shifou_djht: '0',
        tqjy: '',
        dqsftx: '',
        remarks: '',
        contractremarks: '',
        allFjEntityList: [],
        zhongbiao_jg: '',
        zhongbiao_jg_iphone: '',
        zhongbiao_jg_name: '',
        payListEntity_xieyi: [
          {
            stage: '第1次补录',
            planpaydate: '',
            amount: 0,
            rate: '',
            Files: [],
          },
        ],
        issue_1: '',
        issue_0: '',
        issueId_0: '',
        issueId_1: '',
        name: '',
        yusuanjine: '100',
        zhongbiaojine: '',
        type: '',
        date_s: '',
        date_d: '',
        lianxi_r: '',
        danwei_mc: '',
        zhongbiao_gysxz: '',
        lianxi_dh: '',
        gongshi_zcdz: '',
        weituosouquan_date: '',
        zhaobiao_jg: '',
        zbtzsFiles: [],
        pfbFiles: [],
        daili_Files: [],
        amount: 1000000,
        payListEntity: [
          {
            id: 0,

            stage: '第1次付款',



            planpaydate: '',

            amount: 0,

            rate: '',
          },
        ],
        disanfang: [
          {
            name_sdf: '',
            ampunt_sdf: '',
          },
          {
            name_sdf: '',
            ampunt_sdf: '',
          },
        ],
        shifou_sfht: '0',
        jia1: '',
        fukuan_je1: '',
        jia2: '',
        fukuan_je2: '',
        hetong_mc: '',
        qianding_rqi: '',
        youxiao_kssj: null,
        hetong_jssj: null,
        kaihu_h: '',
        kaihu_hzh: '',
        zbtzsFiles: [],
        pfbFiles: [],
        daili_Files: [],
        zbtzsFiles_1: [],
        pfbFiles_1: [],
        daili_Files_1: [],
        huowu_djd: [],

        category: '货物',
      },

      rules: {
        zhongbiao_jg: [{ required: true, message: ' ', trigger: 'blur' }],
        issueId_11: [{ required: true, message: ' ', trigger: 'blur' }],
        zhongbiao_jg_name: [{ required: true, message: ' ', trigger: 'blur' }],
        zhongbiao_jg_iphone: [
          { required: true, message: ' ', trigger: 'blur' },
        ],
        name: [{ required: true, message: ' ', trigger: 'blur' }],
        date_s: [{ required: true, message: ' ', trigger: 'blur' }],
        qianding_rqi: [{ required: true, message: ' ', trigger: 'blur' }],
        shifou_djht: [{ required: true, message: ' ', trigger: 'blur' }],
        youxiao_kssj: [{ required: true, message: ' ', trigger: 'blur' }],
        hetong_jssj: [{ required: true, message: ' ', trigger: 'blur' }],
        fukuanshijian: [{ required: true, message: ' ', trigger: 'blur' }],
        lianxi_dh: [{ required: true, message: ' ', trigger: 'blur' }],
        kaihu_h: [{ required: true, message: ' ', trigger: 'blur' }],
        kaihu_hzh: [{ required: true, message: ' ', trigger: 'blur' }],
        gongshi_zcdz: [{ required: true, message: ' ', trigger: 'blur' }],
        date_d: [{ required: true, message: ' ', trigger: 'blur' }],
        weituosouquan_date: [{ required: true, message: ' ', trigger: 'blur' }],
        danwei_mc: [{ required: true, message: ' ', trigger: 'blur' }],
        hetong_mc: [{ required: true, message: ' ', trigger: 'blur' }],
        jia1: [{ required: true, message: ' ', trigger: 'blur' }],
        jia2: [{ required: true, message: ' ', trigger: 'blur' }],
        fukuan_je1: [{ required: true, message: ' ', trigger: 'blur' }],
        fukuan_je2: [{ required: true, message: ' ', trigger: 'blur' }],
        shifou_sfht: [{ required: true, message: ' ', trigger: 'blur' }],
        zbtzsFiles_1: [{ required: true, message: ' ', trigger: 'blur' }],
        pfbFiles_1: [{ required: true, message: ' ', trigger: 'blur' }],
        huowu_djd: [{ required: true, message: ' ', trigger: 'blur' }],
        lianxi_r: [{ required: true, message: ' ', trigger: 'blur' }],
        zhongbiaojine: [{ required: true, message: ' ', trigger: 'blur' }],
        yusuanjine: [{ required: true, message: ' ', trigger: 'blur' }],
        category: [{ required: true, message: ' ', trigger: 'blur' }],
      },
      contractname1: [
        { remarks1: '合同续签', cid: 1, },
        { remarks1: '合同终止', cid: 2, },
      ], //合同名称
      options: [
        {
          value: '选项1',
          label: '黄金糕',
        },
        {
          value: '选项2',
          label: '黄',
        },
      ],
      options1: [
        {
          value: '选项1',
          label: '1211',
        },
        {
          value: '选项2',
          label: '2221',
        },
      ],
      options2: [
        {
          value: '1',
          label: '是 / 三方合同',
        },
        {
          value: '0',
          label: '否 / 三方合同',
        },
      ],
      options3: [
        {
          value: '选项1',
          label: '5555',
        },
        {
          value: '选项2',
          label: '6666',
        },
      ],
      ceshi: '',
      btn_loading: false,
      options4: [
        {
          value: '1',
          label: '是',
        },
        {
          value: '0',
          label: '否',
        },
      ],
      file_list: [],
      options6: [
        { name: '月度付款', val: '月' },
        { name: '季度付款', val: '季' },
      ],
      options5: ['工程', '服务', '货物'],
      reportCycle: '月',
      zhaobiao_jg_if: '',
      muban_as: {
        name: '',
        http_: '',
      },
    }
  },
  props: {
    list_details: {
      type: Object,
      default: '',
    },
    son: {
      type: Object,
      default: '',
    },
  },

  created() {
    this.muban_a()
    this.hylxlist()
    console.log('son', this.son)
    console.log('list_details', this.list_details)
    this.cid_t_axios()
    this.xingzeng_type = 1

  },
  watch: {
    ruleForm: {
      handler(val, oldVal) {
        if (val.kaihu_hzh !== '') {
          this.ruleForm.kaihu_hzh = val.kaihu_hzh
            .replace(/\s/g, '')
            .replace(/....(?!$)/g, '$& ')
        }
        console.log('b.c: ', val, '000', oldVal)
        var caigoushijian = false
        var feizhengcai = true
        if (this.son.isgovprocurement == '电子化平台') {
          console.log('不是电子化平台度')
          caigoushijian = true
          feizhengcai = true
        } else {
          if (val.date_s != '') {
            caigoushijian = true
          }
        }

        if (
          this.son.isgovprocurement == '非政采' ||
          this.son.isgovprocurement == '电子化平台'
        ) {
          feizhengcai = true
        } else {
          if (
            val.zhongbiao_jg != '' &&
            val.zhongbiao_jg_name != '' &&
            val.zhongbiao_jg_iphone != ''
          ) {
            feizhengcai = true
          } else {
            feizhengcai = false
          }
        }

        if (
          val.name != '' && //
          val.yusuanjine != '' &&
          caigoushijian != '' &&
          val.zhongbiaojine != '' &&
          val.danwei_mc != '' &&
          val.lianxi_r != '' &&
          val.lianxi_dh != '' &&
          val.gongshi_zcdz != '' &&
          feizhengcai
        ) {
          this.icon_shows_1 = true
        } else {
          this.icon_shows_1 = false
        }
        var jia_s = true
        var num_fule = 0

        if (val.shifou_sfht == '1') {
          val.disanfang.forEach((data) => {
            console.log(111111111, data)
            if (data.name_sdf == '' || data.ampunt_sdf.ampunt_sdf == '') {
              jia_s = false
            }
          })
        }
        var dianhuap = false
        if (this.son.isgovprocurement != '电子化平台' && val.issue_1 != '') {
          dianhuap = true
        }
        if (this.son.isgovprocurement == '电子化平台') {
          dianhuap = true
        }
        if (this.son.isgovprocurement == '非政采') {
          if (this.ruleForm.yusuanjine >= 100000) {
            if (val.issue_1 != '') {
              dianhuap = true
            } else {
              dianhuap = false
            }
          } else {
            console.log(11111111)
            dianhuap = true
          }
        }

        var fukuan_s = true

        if (this.ruleForm.shifou_djht == '1') {
          console.log(222222222, val)
          val.payListEntity.forEach((data) => {
            if (
              data.amount == 0 ||
              data.planpaydate == '' ||
              data.planpaydate == null
            ) {
              fukuan_s = false
            }
          })
        }
        var files_ = true
        for (let ui in this.file_list) {
          if (val.allFjEntityList[ui]) {
            files_ = true
          } else {
            files_ = false
          }
        }
        console.log(jia_s, files_, dianhuap)
        if (
          jia_s &&
          files_ &&
          dianhuap &&
          val.qianding_rqi != '' &&
          val.youxiao_kssj != null &&
          val.hetong_jssj != null &&
          val.kaihu_h != '' &&
          val.kaihu_hzh != '' &&
          files_
        ) {
          this.icon_shows_2 = true
        } else {
          this.icon_shows_2 = false
        }
      },
      deep: true,
    },
  },
  methods: {
    hylxlist() {
      this.$axios.get('info/hylx/getList').then((rs) => {
        console.log(rs)
        this.options_hylx = []
        rs.data.data.forEach((a) => {
          if (a.lxzt == '启用') {
            this.options_hylx.push(a)
          }
        })
      })
    },
    cid_t_axios() {
      this.$axios
        .get('/info/contractVo/getInfo/' + this.list_details.cid)
        .then((res) => {
          let { data } = res.data
          console.log('请求的数据', data)

          if (this.ruleForm.payListEntity) {
            this.ruleForm.payListEntity =
              this.son.payListEntity.length == 0
                ? this.ruleForm.payListEntity
                : this.son.payListEntity
          }
          this.chcekEntityList = data.chcekEntityList.length - 0 > 0 ? data.chcekEntityList : []
          this.ruleForm.allFjEntityList = data.allFjEntityList
          console.log('2', this.ruleForm.allFjEntityList);
          this.reportCycle = data.reportCycle ? data.reportCycle : '月'
          this.ruleForm.hylx = data.hylxId
          this.ruleForm.zhongbiao_jg = data.tenderee ? data.tenderee : ''
          this.ruleForm.zhongbiao_jg_name = data.tendereeName
            ? data.tendereeName
            : ''
          this.ruleForm.zhongbiao_jg_iphone = data.tendereeTel
            ? data.tendereeTel
            : ''
          this.ruleForm.issueId_1 = data.tbYtid ? data.tbYtid : ''


          this.ruleForm.issue_0 = data.issue ? data.issue : ''

          this.ruleForm.name = data.projectname ? data.projectname : ''

          this.ruleForm.type = data.govprocurement
            ? data.govprocurement
            : ''

          this.ruleForm.yusuanjine = data.budget ? this.$utils.$formattMoney(data.budget) : ''

          this.ruleForm.danwei_mc = data.winner ? data.winner : ''

          this.ruleForm.lianxi_r = data.concects ? data.concects : ''

          this.ruleForm.lianxi_dh = data.tel ? data.tel : ''

          this.ruleForm.tqjy = data.remarks ? data.remarks.slice(data.remarks.length - 1) + '' : '1'
          this.ruleForm.remarks = data.remarks ? data.remarks.slice(0, data.remarks.length - 2) : ''
          this.ruleForm.contractremarks = data.contractremarks ? data.contractremarks : ''
          this.ruleForm.dqsftx = data.remind ? data.remind : '1'


          this.ruleForm.category = data.category ? data.category : '工程'
          this.ruleForm.gongshi_zcdz = data.site ? data.site : ''
          //
          this.ruleForm.date_s = data.bidday ? data.bidday : ''
          this.ruleForm.zhongbiaojine = data.amount ? this.$utils.$formattMoney(data.amount) : ''
          this.ruleForm.zbtzsFiles = data.zbtzsFiles ? data.zbtzsFiles : []
          this.ruleForm.pfbFiles = data.pfbFiles ? data.pfbFiles : []
          console.log(this.ruleForm.pfbFiles)
          this.ruleForm.daili_Files = data.agentFiles ? data.agentFiles : []
          this.ruleForm.issue_1 = data.notification ? data.notification : ''
          this.ruleForm.shifou_sfht = data.sfdsf ? data.sfdsf : '0'
          this.ruleForm.hetong_mc = data.contractname
            ? data.contractname
            : ''
          this.ruleForm.othernum = data.othernum ? data.othernum : ''
          this.ruleForm.shifou_djht = data.isunitprice
            ? data.isunitprice
            : '0'
          this.ruleForm.qianding_rqi = data.agentTime ? data.agentTime : ''
          this.ruleForm.youxiao_kssj = data.startTime
            ? data.startTime
            : null
          this.ruleForm.hetong_jssj = data.endTime ? data.endTime : null
          this.ruleForm.kaihu_h = data.bank ? data.bank : ''
          this.ruleForm.kaihu_hzh = data.bankaccount ? data.bankaccount : ''
          this.ruleForm.zbtzsFiles_1 = data.smjFiles ? data.smjFiles : []
          this.ruleForm.pfbFiles_1 = data.spdFiles ? data.spdFiles : []
          this.ruleForm.daili_Files_1 = data.babFiles ? data.babFiles : []
          this.ruleForm.huowu_djd = data.unitPriceFiles
            ? data.unitPriceFiles
            : []
          if (this.ruleForm.payListEntity) {
            this.ruleForm.payListEntity =
              data.payListEntity.length == 0
                ? this.ruleForm.payListEntity
                : data.payListEntity
          }
          this.ruleForm.amount = this.ruleForm.zhongbiaojine


          if (data.supplementList) {
            if (data.supplementList.length - 0 != 0) {
              console.log('补录数据', data.supplementList.length)
              this.ruleForm.payListEntity_xieyi = []
              data.supplementList.forEach((data) => {
                this.ruleForm.payListEntity_xieyi.push({
                  planpaydate: data.supplementDate,
                  amount: data.amount,
                  rate: data.title,
                  Files: data.blFiles,
                })
              })
              console.log(this.ruleForm.payListEntity_xieyi);
            } else {
              console.log('补录数据', data.supplementList)
              this.ruleForm.payListEntity_xieyi = [
                {
                  stage: '第1次补录',
                  planpaydate: '',
                  amount: 0,
                  rate: '',
                  Files: [],
                },
              ]
            }
          }

          if (data.dsfdomains) {
            if (this.son.dsfdomains.length > 0) {
              this.ruleForm.disanfang = []
              this.son.dsfdomains.forEach((data) => {
                this.ruleForm.disanfang.push({
                  name_sdf: data.jfname,
                  ampunt_sdf: data.amount,
                })
              })
            } else {
              this.ruleForm.disanfang = [
                {
                  name_sdf: '',
                  ampunt_sdf: '',
                },
                {
                  name_sdf: '',
                  ampunt_sdf: '',
                },
              ]
            }
          } else {
            this.ruleForm.disanfang = [
              {
                name_sdf: '',
                ampunt_sdf: '',
              },
              {
                name_sdf: '',
                ampunt_sdf: '',
              },
            ]
          }

          if (this.son.bulu__ == 'query' && this.ruleForm.zhongbiao_jg == '') {
            this.zhaobiao_jg_if = false
          } else {
            this.zhaobiao_jg_if = true
          }
          console.log(this.son);
          this.new_files(data)
          console.log('这里完成初始化')

        })
    },
    btn_xiazai(e) {
      this.$utils.$download(e.url, e.name)
    },

    new_files(data) {
      this.$axios.get('/info/contractVo/getFjInfo/' + this.son.isgovprocurement).then((res) => {
        console.log('附件列表', res, data)
        if (res) {
          this.file_list = res.data.data
          if (data.allFjEntityList) {
            this.ruleForm.allFjEntityList = []
            var flise = data.allFjEntityList
            console.log(data.allFjEntityList);
            console.log(this.file_list)
            for (let nm in this.file_list) {
              let Files = []
              for (let jk in flise) {
                if (flise[jk].type - 0 == this.file_list[nm].code - 0) {
                  Files.push(flise[jk])
                  this.ruleForm.allFjEntityList[nm - 0] = Files
                  console.log(this.ruleForm.allFjEntityList[nm - 0])
                }
              }
            }
          }
          this.ruleForm.amount = this.$utils.$formattMoney(this.ruleForm.amount)
          this.ruleForm.payListEntity.forEach((p) => {
            p.amount = this.$utils.$formattMoney(p.amount)
          })
          console.log('数据', this.ruleForm)
        }
      })
    },



    kaihuhang() {
      this.ruleForm.kaihu_hzh = this.ruleForm.kaihu_hzh.replace(/[^\d]/g, '')
      let str = this.ruleForm.kaihu_hzh
      let num = parseInt(str.length / 4)
    },

    Sshijian(e) {
      console.log(e, this.ruleForm.hetong_jssj, this.ruleForm.youxiao_kssj)
      if (
        this.ruleForm.hetong_jssj != null &&
        this.ruleForm.youxiao_kssj != null
      ) {
        let date1 = this.ruleForm.hetong_jssj.split('-')
        date1 = parseInt(date1[0]) * 12 + parseInt(date1[1])
        let date2 = this.ruleForm.youxiao_kssj.split('-')
        date2 = parseInt(date2[0]) * 12 + parseInt(date2[1])
        if (date1 - date2 < 3) {
          this.options6 = [{ name: '月度付款', val: '月' }]
        } else {
          this.options6 = [
            { name: '月度付款', val: '月' },
            { name: '季度付款', val: '季' },
          ]
        }
        console.log(date1 - date2)
      }
    },

    blur_dainhua() {
      if (this.ruleForm.lianxi_dh != '') {
        if (
          !/([1]\d{10}|([\(（]?0[0-9]{2,3}[）\)]?[-]?)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?)/.test(
            this.ruleForm.lianxi_dh
          )
        ) {
          console.log(11111)
          this.zhengzhe_s = true
        } else {
          console.log(22222)
          this.zhengzhe_s = false
        }
      }



    },

    handleClose_gongshi() {





    },

    btn_fanhui(formName) {
      console.log(111111111)
      console.log(this.$parent.$parent)
      this.$parent.$parent.apigetTableData_new()
      this.$parent.$parent.dialogVisibleadd_1 = false



    },
    handleCloseDialog(done) {
      this.$router.replace(this.$route.path)
      done()
    },
    deleteSyyt(e) {
      if (e == 0) {
        this.ruleForm.issue_0 = ''
        this.ruleForm.issueId_0 = ''
        this.ruleForm.issueId_0_childrenid = ''
        this.ruleForm.yusuanjine = ''
      }
      if (e == 1) {
        this.ruleForm.issue_1 = ''
        this.ruleForm.issueId_1 = ''
        this.ruleForm.issueId_1_childrenid = ''

      }
    },
    spot: function (data) {
      console.log(data)
      if (this.types_btn == 0) {
        if (data.new_children) {
          this.ruleForm.category = data.new_children.category
          this.ruleForm.name = data.new_children.xmmc
          this.ruleForm.issueId_0_childrenid = data.new_children.bid
          this.ruleForm.issue_0 =
            data.ytmc + ' —— 分包 : ' + data.new_children.xmmc
          console.log(data.new_children.budgetMoney)
          this.ruleForm.yusuanjine = data.new_children.budgetMoney
          console.log(this.ruleForm.yusuanjine)
          return
        }
        this.ruleForm.issue_0 = data.ytmc
        this.ruleForm.issueId_0 = parseInt(data.ytid)
        this.ruleForm.yusuanjine = data.budgetMoney
        this.ruleForm.name = data.projectname
        console.log(this.ruleForm.yusuanjine)
        if (data.ytmc) {
        } else {
          this.ruleForm.issue_0 = '无'
          this.ruleForm.issueId_0 = '-1'
        }
      }
      if (this.types_btn == 1) {
        this.ruleForm.issue_1 = data.ytmc
        if (data.ytmc) {
          this.ruleForm.issueId_1 = parseInt(data.ytid)
        } else {
          this.ruleForm.issue_1 = '无'
          this.ruleForm.issueId_1 = '-1'
        }

        if (data.new_children) {
          this.ruleForm.yusuanjine = this.formatMoney(
            parseInt(data.new_children.budgetMoney)
          )


          this.ruleForm.issueId_1_childrenid = data.new_children.ytid
          this.ruleForm.issue_1 =
            data.ytmc + ' —— 分包 : ' + data.new_children.xmmc
        }
      }
    },
    formatMoney(number, decimals = 2) {
      let num = parseFloat(number).toFixed(decimals)
      num = num.toString().replace(/\$|\,/g, '')
      if (isNaN(num)) {
        num = '0'
      }
      let sign = num == (num = Math.abs(num))
      num = Math.floor(num * 100 + 0.50000000001)
      let cents = num % 100
      num = Math.floor(num / 100).toString()
      if (cents < 10) {
        cents = '0' + cents
      }
      for (let i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++) {
        num =
          num.substring(0, num.length - (4 * i + 3)) +
          ',' +
          num.substring(num.length - (4 * i + 3))
      }
      return (sign ? '' : '-') + num + '.' + cents
    },
    yusuan(e) {
      this.ruleForm.amount = e
      console.log(this.ruleForm.amount)
      this.ruleForm.payListEntity.forEach((res) => {
        if (res.amount != '') {
          console.log(res.amount, this.ruleForm.zhongbiaojine)
          res.rate = Math.round(
            (res.amount / this.ruleForm.zhongbiaojine) * 100
          )
        }
      })
      var filse = 0
      this.ruleForm.zbtzsFiles.forEach((data) => {
        if (data.name == '') {
          filse = 1
        }
      })
      this.ruleForm.pfbFiles.forEach((data) => {
        if (data.name == '') {
          filse = 1
        }
      })
      this.ruleForm.daili_Files.forEach((data) => {
        if (data.name == '') {
          filse = 1
        }
      })
    },
    danjiehtong(e) {
      if (e == 0) {
        this.file_list.pop()
        console.log(this.file_list)
        this.ruleForm.payListEntity = [
          {
            stage: '第1次补录',
            planpaydate: '',
            amount: 0,
            rate: '',
            Files: [],
          },
        ]
      } else {
        this.file_list.push({ name: '货物单价表', code: 1, pass: 1 })
        this.ruleForm.payListEntity = []
      }
    },


    generationissues(e) {
      console.log(this.ruleForm)
      if (e == 0) {
      }
      this.types_btn = e
      this.start.startDialogVisible = true
    },
    submitForm(formName) {
      var allFjEntityList = []
      if (this.ruleForm.allFjEntityList.length - 0 > 0) {

        for (let yu in this.ruleForm.allFjEntityList) {
          this.ruleForm.allFjEntityList[yu].forEach((res) => {
            if (res.name) {
              res.type = this.file_list[yu].code
              allFjEntityList.push(res)
            }
          })
        }
      }

      console.log(this.file_list, allFjEntityList)
      if (this.ruleForm.lianxi_dh != '') {
        if (
          !/([1]\d{10}|([\(（]?0[0-9]{2,3}[）\)]?[-]?)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?)/.test(
            this.ruleForm.lianxi_dh
          )
        ) {

        }
      }
      if (this.son.xingzeng_10W == 'xinzeng10w') {
        if (this.$utils.$moneyToNumValue(this.ruleForm.yusuanjine) > 100000) {
        }
      }
      if (this.son.xingzeng_10W == 'xinzeng5w') {
        if (this.$utils.$moneyToNumValue(this.ruleForm.yusuanjine) > 100000) {
        }
      }
      if (this.son.xingzeng_10W == 'xinzeng5w') {
        if (this.$utils.$moneyToNumValue(this.ruleForm.yusuanjine) > 50000) {
        }
      }

      var isgovprocurement = ''
      var classify = ''
      if (
        this.son.govprocurement == '新增电子化平台' ||
        this.son.govprocurement == '新增5W-10W' ||
        this.son.govprocurement == '新增5W以下' ||
        this.son.govprocurement == '新增10W-50W'
      ) {
        this.list_details.cid = null
      }
      isgovprocurement = this.son.govprocurement
      if (this.son.govprocurement == '新增电子化平台') {
        this.ruleForm.type = '电子化平台'
        isgovprocurement = '电子化平台'
        classify = '电子化平台'
      }
      if (this.son.govprocurement == '新增5W-10W') {
        classify = '非政采5W-10W'
        isgovprocurement = '非政采'
        this.ruleForm.type = '非政采'
      }
      if (this.son.govprocurement == '新增5W以下') {
        classify = '非政采5W以下'
        isgovprocurement = '非政采'
        this.ruleForm.type = '非政采'
      }
      var payListEntitys = []
      var supplementList = []
      var dsfdomains = []
      var num = 0
      var amounts = 0
      var timenum = 0
      var num_1 = 0
      if (this.ruleForm.shifou_djht == 0) {

        this.ruleForm.payListEntity.forEach((data) => {
          console.log(data)

          amounts = this.$utils.$moneyToNumValue(data.amount) + amounts
          if (data.amount == '') {
            data.amount = 0
          }
          if (data.amount != '') {
            if (data.planpaydate == '' || data.rate == '') {
              num = 1
            }
          }
          if (data.planpaydate != '') {
            if (data.amount == '' || data.rate == '') {
              num = 1
            }
          }

          payListEntitys.push({
            amount: this.$utils.$moneyToNumValue(data.amount),
            cid: this.list_details.cid,
            planpaydate: data.planpaydate,
            rate: data.rate,
            stage: data.stage,
          })
          console.log(payListEntitys)
        })
        this.ruleForm.payListEntity.forEach((kl) => {
          if (kl.planpaydate == null || kl.planpaydate == '') {
            num_1 = 1
          }
          if (kl.amount == 0 || kl.amount == '') {
            num_1 = 2
          }
        })
      } else {
        if (this.reportCycle == '') {
        }
      }

      if (
        this.ruleForm.youxiao_kssj == null ||
        this.ruleForm.hetong_jssj == null
      ) {
        timenum = 1
      }

      console.log('num_1', num_1)

      this.ruleForm.payListEntity_xieyi.forEach((data) => {
        console.log(data)
        if (data.amount == '') {
          data.amount = 0
        }
        if (data.amount != '') {
          if (
            data.planpaydate == '' ||
            data.rate == '' ||
            data.Files.length == 0
          ) {
            num = 2
            return false
          }
        }
        if (data.planpaydate != '') {
          if (data.amount == '' || data.rate == '' || data.Files.length == 0) {
            num = 2
            return false
          }
        }
        if (data.rate != '') {
          if (
            data.planpaydate == '' ||
            data.amount == '' ||
            data.Files.length == 0
          ) {
            num = 2
            return false
          }
        }
        if (data.Files.length == 0) {
          if (data.planpaydate == '' || data.amount == '' || data.rate == '') {
            num = 2
            return false
          }
        }
        supplementList.push({
          amount: data.amount,
          cid: this.list_details.cid,
          supplementDate: data.planpaydate,
          title: data.rate,
          stage: data.stage,
          blFiles: data.Files,
        })
      })

      console.log(this.ruleForm.payListEntity_xieyi)
      if (
        this.ruleForm.payListEntity_xieyi.length == 1 &&
        this.ruleForm.payListEntity_xieyi[0].amount == 0 &&
        this.ruleForm.payListEntity_xieyi[0].planpaydate == '' &&
        this.ruleForm.payListEntity_xieyi[0].rate == '' &&
        this.ruleForm.payListEntity_xieyi[0].Files.length == 0
      ) {
        supplementList = []
        num = 0
      }

      console.log(amounts, this.ruleForm.zhongbiaojine)

      if (this.ruleForm.shifou_sfht == '1') {
        this.ruleForm.disanfang.forEach((data) => {
          dsfdomains.push({
            jfname: data.name_sdf,
            amount: data.ampunt_sdf,
            cid: this.list_details.cid,
          })
        })
      }
      if (this.ruleForm.shifou_djht == 0) {
        this.reportCycle = ''
      }

      var post_data = {
        allFjEntityList: allFjEntityList,
        reportCycle: this.reportCycle,
        classify: classify,

        isgovprocurement: isgovprocurement,
        issueId: this.ruleForm.issueId_0,
        ytCid: this.ruleForm.issueId_0_childrenid,
        cid: this.list_details.cid,
        supplementList: supplementList,
        issue: this.ruleForm.issue_0,
        projectname: this.ruleForm.name,
        govprocurement: this.ruleForm.type,
        budget: this.ruleForm.yusuanjine == '' ? '0' : this.$utils.$moneyToNumValue(this.ruleForm.yusuanjine),

        tenderee: this.ruleForm.zhongbiao_jg,
        tendereeName: this.ruleForm.zhongbiao_jg_name,
        tendereeTel: this.ruleForm.zhongbiao_jg_iphone,
        winner: this.ruleForm.danwei_mc,
        concects: this.ruleForm.lianxi_r,
        category: this.ruleForm.category,
        tel: this.ruleForm.lianxi_dh,
        site: this.ruleForm.gongshi_zcdz,
        bidday: this.ruleForm.date_s,
        amount:
          this.ruleForm.zhongbiaojine == '' ? '0' : this.$utils.$moneyToNumValue(this.ruleForm.zhongbiaojine),
        zbtzsFiles: this.ruleForm.zbtzsFiles,
        pfbFiles: this.ruleForm.pfbFiles,
        agentFiles: this.ruleForm.daili_Files,

        othernum:this.ruleForm.othernum,
        contractremarks: this.ruleForm.contractremarks,
        
        notification: this.ruleForm.issue_1,
        tbYtid: this.ruleForm.issueId_1,
        sfdsf: this.ruleForm.shifou_sfht,
        dsfdomains: dsfdomains,
        contractname: this.ruleForm.hetong_mc,
        isunitprice: this.ruleForm.shifou_djht,
        agentTime: this.ruleForm.qianding_rqi,
        startTime: this.ruleForm.youxiao_kssj,
        endTime: this.ruleForm.hetong_jssj,
        bank: this.ruleForm.kaihu_h,
        bankaccount: this.ruleForm.kaihu_hzh,

        payListEntity: payListEntitys,
        smjFiles: this.ruleForm.zbtzsFiles_1,
        spdFiles: this.ruleForm.pfbFiles_1,
        babFiles: this.ruleForm.daili_Files_1,
        unitPriceFiles: this.ruleForm.huowu_djd,
      }

      setTimeout(() => {


        console.log('---------')
        this.Forms(post_data)
        this.btn_loading = true
      }, 300)
    },






    muban_a() {
      this.$axios.get('/info/contractVo/getFileDj').then((res) => {
        if (res) {
          console.log(res)
          this.muban_as = res.data.data[0]
          console.log(this.muban_as)
          this.muban_as.http_ =
            'http://192.168.1.205:80/download/' + this.muban_as.url
        }
      })
    },

    danwei_mc(e) {

      console.log(e)
      if (this.ruleForm.danwei_mc != '') {
        this.$axios
          .post(
            '/info/contractCom/getCompanyInfo?name=' + this.ruleForm.danwei_mc
          )
          .then((res) => {
            console.log(res)
            if (res.data.data) {
              this.gongshi_show = true
              this.gongshi_data = res.data.data
            }
          })
      }
    },
    Forms(e) {
      if (this.son.bulu__ == 'supple') {
        console.log(1111)
        this.$axios.post('/info/contractVo/doSupple', e).then((res) => {


          if (res.data.data) {
            this.$message({
              message: '保存成功',
              type: 'success',
            })
            setTimeout(() => {
              this.btn_loading = false
              this.btn_fanhui()
            }, 1000)
          } else {
            this.btn_loading = false
          }
        })
      } else {
        this.$axios.post('/info/contractVo/doSaveOrUpdate', e).then((res) => {

          if (res.data.data) {
            this.$message({
              message: '保存成功',
              type: 'success',
            })
            setTimeout(() => {
              this.btn_loading = false
              this.btn_fanhui()
            }, 2300)
          } else {
            this.btn_loading = false
          }
        })
      }
    },
    payment(item, index) {
      item = Number(item)
      if (this.ruleForm.zhongbiaojine != 0) {
        if (item > 0) {
          this.ruleForm.payListEntity[index].rate = Math.round(
            (item / this.ruleForm.zhongbiaojine) * 100
          )

        }
      }
    },

    yusuanjinge(e) {
      console.log(e, this.ruleForm.payListEntity)
      this.ruleForm.payListEntity.forEach((res) => {
        if (res.amount != '') {
          console.log(res.amount, this.ruleForm.yusuanjine)
          res.rate = Math.round((res.amount / this.ruleForm.yusuanjine) * 100)
        }
      })
    },
    ratio(item, index) {
      console.log(item, index, this.ruleForm.payListEntity)
      let num = 0
      this.ruleForm.payListEntity.forEach((itema) => {
        num += Number(itema.rate)
      })
      this.ruleForm.payListEntity[index].amount =
        (this.ruleForm.amount * item) / 100

      if (num === 100) {
        let nummoney = 0
        this.isRestart = false
        console.log(this.ruleForm.payListEntity)
        this.ruleForm.payListEntity.forEach((items) => {


          nummoney += parseInt(Number(items.amount) * 100)
        })

        let len = this.ruleForm.payListEntity.length - 1





        setTimeout(() => {
          this.isRestart = true
        }, 300)
      } else {
        let ratioSumall = Number(0)
        this.ruleForm.payListEntity.map((item) => {
          ratioSumall += Number(item.rate)
        })

        if (item > 0 && item <= 100) {
          this.isRestart = false




          console.log(this.ruleForm.payListEntity[index].amount)
          let numberMoney = Number((item / 100) * this.ruleForm.amount)
          console.log(numberMoney)
          numberMoney = Number(numberMoney.toFixed(2))
          console.log(numberMoney)


          console.log(this.ruleForm.payListEntity)
          setTimeout(() => {
            this.isRestart = true
          }, 300)
        }
      }

    },

    newlyAdded() {
      this.ruleForm.payListEntity.push({
        stage: '第' + (this.ruleForm.payListEntity.length + 1) + '次付款',
        planpaydate: '',
        amount: 0,
        rate: '',
        id: this.ruleForm.payListEntity.length,
      })
    },
    newlyAdded_xieyi() {
      this.ruleForm.payListEntity_xieyi.push({
        stage: '第' + (this.ruleForm.payListEntity_xieyi.length + 1) + '次付款',
        planpaydate: '',
        amount: 0,
        rate: '',
      })
    },
    btn_dsf_zj() {
      this.ruleForm.disanfang.push({
        name_sdf: '',
        ampunt_sdf: '',
      })
    },
    sanfanghetontg(e) {
      console.log(e)
      if (e == 1) {
        this.ruleForm.disanfang[0].name_sdf = '社治保障局'
      }
    },
    niandu_fukuan() {

      this.ruleForm.payListEntity = []
      for (let i = 0; i < 12; i++) {
        this.ruleForm.payListEntity.push({
          stage: '',
          planpaydate: '',
          amount: 0,
          rate: '',
        })
      }
    },
    jidu_fukuan() {


      if (this.ruleForm.payListEntity.length - 0 < 4) {
        for (let i = 0; i < 4 - (this.ruleForm.payListEntity.length - 0); i++) {
          this.ruleForm.payListEntity.push({
            stage: '第' + (this.ruleForm.payListEntity.length + 1) + '次付款',
            planpaydate: '',
            amount: 0,
            rate: '',
          })
        }
      }

      this.yusuan(this.ruleForm.zhongbiaojine)
    },

    yuedu_fukuan() {

      console.log(111)
      console.log(this.ruleForm.payListEntity)

      console.log(this.ruleForm.payListEntity)
      if (
        this.ruleForm.hetong_jssj == null ||
        this.ruleForm.youxiao_kssj == null
      ) {
        for (let i = 0; i < 12; i++) {
          this.ruleForm.payListEntity.push({
            stage: '第' + (this.ruleForm.payListEntity.length + 1) + '次付款',
            planpaydate: '',
            amount: 0,
            rate: '',
          })
        }
      } else {
        var num0 = this.ruleForm.youxiao_kssj.split('-')
        var num1 = this.ruleForm.hetong_jssj.split('-')
        console.log(
          (parseInt(num1[0]) - parseInt(num0[0])) * 12,
          parseInt(num1[1]) - parseInt(num0[1])
        )
        var num =
          (parseInt(num1[0]) - parseInt(num0[0])) * 12 +
          (parseInt(num1[1]) - parseInt(num0[1]))
        console.log(num)

        if (num == 0) {
          num = 1
        }
        if (this.ruleForm.payListEntity.length - 0 < 12) {
          for (
            let s = 0;
            s < num - (this.ruleForm.payListEntity.length - 0);
            s++
          ) {
            this.ruleForm.payListEntity.push({
              stage: '第' + (this.ruleForm.payListEntity.length + 1) + '次付款',
              planpaydate: '',
              amount: 0,
              rate: '',
            })
          }
        }
      }
      this.yusuan(this.ruleForm.zhongbiaojine)
      console.log(this.ruleForm.payListEntity)
    },
    gongshiqueding() {
      this.gongshi_show = false
      this.ruleForm.danwei_mc = this.gongshi_data.name
      this.ruleForm.lianxi_r = this.gongshi_data.legalPersonName

      this.ruleForm.gongshi_zcdz = this.gongshi_data.regLocation
    },

    removeDomain(item, stage) {
      if (stage.length === 1) {
        return
      }
      let index = this.ruleForm.payListEntity.indexOf(item)
      if (index !== -1) {
        this.ruleForm.payListEntity.splice(index, 1)

        for (let i in this.ruleForm.payListEntity) {
          this.ruleForm.payListEntity[i].stage =
            '第' + (parseInt(i) + 1) + '次付款'
        }
      }
    },

    removeDomain_xieyi(item, stage) {
      if (stage.length === 1) {
        return
      }
      let index = this.ruleForm.payListEntity_xieyi.indexOf(item)
      if (index !== -1) {
        this.ruleForm.payListEntity_xieyi.splice(index, 1)

        for (let i in this.ruleForm.payListEntity_xieyi) {
          this.ruleForm.payListEntity_xieyi[i].stage =
            '第' + (parseInt(i) + 1) + '次付款'
        }
      }
    },
    removeDomain_1(item, stage) {
      if (stage.length === 2) {
        return
      }
      let index = this.ruleForm.disanfang.indexOf(item)
      if (index !== -1) {
        this.ruleForm.disanfang.splice(index, 1)
        for (let i in this.ruleForm.payListEntity) {
          this.ruleForm.payListEntity[i].stage =
            '第' + (parseInt(i) + 1) + '次付款'
        }
      }
    },
  },
}
</script>

<style lang='scss' scoped>
html,
body,
#app {
  min-width: 1400px;
}

//
.btn_yingcang {
 ::v-deep.el-row--flex {
    display: none;
  }
}
/deep/ .el-dialog {
  .el-row {
    margin-top: 20px;
  }
  .el-dialog__footer {
    text-align: right;
  }
}
.el-icon-delete {
  cursor: pointer;
}
#box {
  padding-bottom: 20px;
  .qitawenjian {
    height: 100%;
    box-shadow: 0px 1px 7px 0px rgba(77, 71, 83, 0.2);
    padding: 20px;
    margin-top: 16px;
    border-radius: 5px;

    .btn_xiazai_qita {
      position: absolute;
      top: 0;
      left: 0;
    }
    .icon_wj {
      width: 20px;
      margin-left: 10px;
    }
    .title {
      margin-top: 22px;
    }
   ::v-deep .upload-demo {
      margin-left: 8px;
    }
  }

  .margins {
    margin-top: 30px;
  }
  .lianxi_dh_zz {
    font-size: 12px;
    color: rgb(250, 82, 82);
    height: 26px;
    line-height: 26px;
    padding-left: 15px;
  }
  .dialog_gongshi {
    background: #f5fbff;
  }
  .guanliandan {
    height: 32px;
    margin-top: 6px;
    line-height: 32px;
    background: #e5f1fb;
    border-radius: 4px;
    color: #409eff;
    padding: 0 20px;
  }
  .titles {
   ::v-deep .el-form-item__content {
      display: flex;
    }
  }
  .yuanmmp {
   ::v-deep .el-form-item__content {
      display: flex;
    }
  }
  .reject {
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "SimHei";
    font-size: 14px;
    border-radius: 10px;
    padding: 15px 30px;
    box-shadow: 0px 1px 7px 0px rgba(77, 71, 83, 0.2);
  }
  .heard {
    display: flex;
    justify-content: space-between;
    .h_left {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: bold;
      color: #409eff;
      .h_title {
        margin: 0 12px;
      }
    }
    .h_button {
      position: fixed;
      top: 85px;
      right: 50px;
      z-index: 99;
      button {
        padding-left: 25px;
        padding-right: 25px;
      }
    }
  }
  .declare {
    .notes {
      color: red;
    }
    .aaa {
      position: relative;
      z-index: 2;
    }
    .danweiyuan {
      position: relative;

      top: 10px;
      left: -20px;
      z-index: 0;
    }
    padding: 31px 50px 35px 30px;
    margin-top: 28px;

    opacity: 1;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 1px 7px 0px rgba(77, 71, 83, 0.2);
    .list_nav {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      .title_l {
        width: 128px;
        box-sizing: border-box;
        text-align: right;
        padding-left: 12px;
        margin-right: 12px;
      }
    }
  }
  p {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px !important;
  }
  .frobox {
    width: 128px;
    text-align: right;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    line-height: 43px;
    color: #409eff;

    margin-bottom: 22px;
  }
  .sanchu {
    font-size: 20px;
    height: 38px;

    padding-right: 0 !important;
    line-height: 38px;
  }
 ::v-deep .el-form-item__label {
    width: none !important;
  }
 ::v-deep .el-select {
    width: 100% !important;
  }
 ::v-deep .el-date-editor {
    width: 100% !important;
  }
  .qwert {
    white-space: nowrap;
   ::v-deep .el-form-item__content {
      white-space: nowrap;
    }
  }
  .qingshiyt {
   ::v-deep .el-form-item__content {
      display: flex;
    }
  }
}
.my-search-form-box {
  display: block;
  background: white;
  border-left: 5px solid white;
}
.disanfang {
  .qwert {
    padding-right: 0 !important;
  }
}
.sections {
  width: 100%;
  height: 100%;
  .i {
    text-align: left;
    font-size: 18px !important;
    color: rgb(0, 153, 255);
    opacity: 0.8;
  }
}
/deep/ .el-icon-delete-solid {
  display: none;
}
.xxxxx {
  width: 100%;
  height: 100%;
  min-height: 300px;
}
.newfiledelete {
  min-height: 45px !important;
}
.newFile {
  padding: 20px;
  min-height: 317px;
  height: 100%;
  position: relative;

  .qwerq {
    width: 75%;
    position: relative;

    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.25);
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 10px;
    padding-left: 20px;
    margin-top: 15px;
    border-radius: 5px;
    .icon_wj {
      width: 20px;
      margin-right: 10px;
      img {
        width: 20px;
      }
    }

    .myupload {
      padding-left: 10px;
      display: flex;
      width: calc(100% - 260px);
      align-items: center;
      margin-top: -3px;
     ::v-deep .el-row {
        position: absolute;
        right: 0;
      }
     ::v-deep .my-upload-info {
        width: 100%;
      }

     ::v-deep.el-icon-delete-solid {
        right: 0px;
      }
     ::v-deep .my-upload {
        margin: 0;
      }
     ::v-deep .info_item {
        width: calc(100% - 60px);

        overflow: hidden;
        .el-button {
          margin-top: 5px;
          padding: 0px;
        }
      }
    }
    box-sizing: border-box;

    display: flex;
    align-items: center;
    padding-left: 35px;
    .title {
      min-width: 160px;
      max-width: 200px;
      text-align: right;
    }
  }
 ::v-deep .el-tooltip {
    font-size: 16px;
  }
 ::v-deep .el-button--text {
    min-height: 18px;
  }

  .qoqoqo {
    width: 25%;
    height: 85%;

    box-sizing: border-box;
   ::v-deep .el-upload {
      width: 100%;
      .el-upload-dragger {
        width: 100%;
      }
    }
    position: absolute;
    top: 20px;
    right: -10px;
    display: block;
    .title {
      position: absolute;
      top: 15px;
      left: 60px;
    }
    .myupload_code_61 {
      width: 100%;
      height: 100%;
      display: block;
    }
   ::v-deep.el-row {
      position: relative !important;
      margin: 20px;
    }
   ::v-deep .btn {
      margin: 5px 0 3px 0 !important;
    }
   ::v-deep .my-upload-info {
      height: calc(100% - 190px);

      overflow-y: auto;
    }
  }
}
.maintain {
  .progress {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    .name {
      font-size: 18px;
      color: #409eff;
      width: 110px;
      font-weight: bold;
    }
    .border_ {
      width: 100%;
      height: 2px;
      opacity: 0.1;
      margin-right: 1.5%;
      padding: 0 20px;
      background: #000000;
    }
  }
}
</style>
